import Header from './components/Header'
import { Routes,Route,Navigate } from 'react-router-dom'
import './App.scss'
import Home from './pages/Home'
import Footer from './components/Footer'
import Content from './components/Content'
import Charts from './pages/Charts'

function App() {
  return (
    <div className="App">
      <Header/>
      <Routes>
        <Route path="/" element={<Navigate to="/home"/>}/> {/*路由重定向*/}
        <Route path='/home' element={<Home/>}/>
        <Route path='/charts' element={<Charts/>}/>
      </Routes>
      <Content/>
      <Footer/>
     
    </div>
  );
}

export default App;
